<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="Access-Control-Allow-Origin" content="*">
    <meta http-equiv="content-security-policy">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="msapplication-tap-highlight" content="no" >
    <title>能量逗</title>
    <!-- Path to Framework7 Library CSS-->
    <link rel="stylesheet" type="text/css" href="css/framework7.ios.min.css">
    <link rel="stylesheet" type="text/css" href="css/framework7.ios.colors.min.css">
    <link rel="stylesheet" type="text/css" href="css/framework7-icons.css">
    <link rel="stylesheet" type="text/css" href="css/chickenFarm.css">
</head>
<body>
<!-- Status bar overlay for full screen mode (PhoneGap) -->
<div class="statusbar-overlay"></div>
<!-- Views -->
<div class="views">
    <div class="view view-main">
        <!-- Top Navbar-->
        <!-- <div class="navbar">
          <div class="navbar-inner">
          </div>
        </div> -->
        <div class="pages navbar-through">
            <div data-page="chickenFarmIndex" class="page no-navbar" id="chickenFarmIndex">
                <div class="page-content">
                    <div id="scene"></div>
                    <div class="addBall" style="width: 100px;height: 40px;background: #1dd697;
                    border-radius: 5px;color: #fff;text-align: center;line-height: 40px;margin: 20px auto;">
                        增加小鸡
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
<script id="chickenTemplate" type="text/template">
    <div class="chicken chicken{{num}}" data-num="{{num}}" data-lastTime="{{lastTime}}" style="left: -{{cleft}}px;top: -{{ctop}}px;width: {{chickenSize}}px;height: {{chickenSize}}px;border-radius: {{chickenSize/2}}px;"></div>
</script>
<script id="boxTemplate" type="text/template">
    <div class="box box{{num}}" data-num="{{num}}" style="width: {{boxSize}}px;height: {{boxSize}}px;"></div>
</script>

<script type="text/javascript" src="js/framework7.js"></script>
<script type="text/javascript" src="js/hammer.min.js"></script>
<script type="text/javascript" src="js/anime.min.js"></script>
<script type="text/javascript" src="js/config.js"></script>
<script type="text/javascript" src="js/init.js"></script>
<script type="text/javascript">

</script>
</body>
</html>